<template>
  <div>
    <div class="overall-table-surround">
      <div class="overall-table-surround-options">
        <div class="overall-table-surround-options-left">
          <el-button size="mini" plain type="warning" icon="el-icon-refresh"
            >全选</el-button
          >
          <el-button size="mini" plain type="danger" icon="el-icon-refresh"
            >批量删除</el-button
          >
          <el-button size="mini" plain type="danger" icon="el-icon-refresh"
            >清空日志</el-button
          >
        </div>
      </div>
      <div class="overall-table-surround-table">
        <el-table :data="userActiveList">
          <el-table-column prop="active" label="省份"> </el-table-column>
          <el-table-column prop="active_name" label="城市"> </el-table-column>
          <el-table-column prop="active_date" label="市区"> </el-table-column>
          <el-table-column prop="active_date" label="详细地址">
          </el-table-column>
        </el-table>
      </div>
    </div>
  </div>
</template>

<script>
import ManageAPI from "@/api/manage";
export default {
  data() {
    return {
      userid: null,
      userActiveList: [],
    };
  },
  created() {
    let { userid } = this.$route.query;
    this.userid = userid;
    this.getUserActive();
  },
  methods: {
    getUserActive() {
      let userid = this.userid;
      ManageAPI.getUserActiveList({ user: userid })
        .then((res) => {
          let data = res.data;
          this.userActiveList = data;
        })
        .catch((err) => {
          this.$message({
            message: err.msg,
            type: "error",
          });
        });
    },
  },
};
</script>

<style></style>
